<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Explaining the Document Object Model</title>
</head>
<body>
    <ul>
        <li><a href="index.html" accesskey="1">Home</a></li>
        <li><a href="search.html" accesskey="4">Search</a></li>
        <li><a href="contact.html" accesskey="9">Contact</a></li> 
    </ul>
    <h1>What is the Document Object Model?</h1>
    <p>
        The <abbr title="World Wide Web Consortium">W3C</abbr>
         defines the <abbr title="Document Object Model">DOM</abbr> as:
    </p>
    <blockquote cite="http://www.w3.org/DOM/">
        <p>
            A platform- and language-neutral interface that will allow programs and 
            scripts to dynamically access and update the content, structure and style of documents.
        </p>
    </blockquote>
        <p>
            It is an <abbr title="Application Programming Interface">API</abbr>
             that can be used to navigate <abbr title="HyperText Markup Language">HTML</abbr>
             and <abbr title="eXtensible Markup Language">XML</abbr> documents.
        </p>
        <script src="scripts/addLoadEvent.js"></script>
        <script src="scripts/displayAbbreviations.js"></script> 
        <script src="scripts/displayCitations.js"></script>
        <script src="scripts/displayAccesskeys.js"></script>
</body>
</html>